﻿/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight:normal; }
q:before,q:after { content: '';}
abbr,acronym { border: none; font-variant: normal;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
input,button,textarea,select {font-family: inherit;font-size: inherit;font-weight: inherit; }

/* font */
body {font:12px/1.5 Tahoma, Helvetica, Arial, \5b8b\4f53, sans-serif; color:#242424; background-color:#fff; width:100%;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* layout */
/* col */
.col, .col-main, .col-sub, .col-extra, .col-main-wrap {_zoom:1;}
.col{ overflow:hidden;}
.col:after,.main-wrap:after,.col-sub:after,.col-extra:after{content:'\20';display:block;height:0;clear:both;}
.col-main {float: left; width:100%; min-height:1px;}
.col-sub, .col-extra{float:left;  margin-left:-100%; }
.col-main-wrap{ min-height:1px;}
/* tab */
.tab{}
.tab-holder{}
.tab-panel{}
.tab-content{ display:none;}
/* slide */
.slide{ overflow:hidden; position:relative;}
.slide-list{ position:absolute;}
.slide-triggers{}
.slide-current{}
/* round cornor */
.box{}
.box .box-rc-lt, .box .box-rc-rt{ position:relative; display:inline-block; overflow:hidden;}
.box .box-rc-lt{ float:left;}
.box .box-rc-rt{ float:right;}
.box .box-rc-tp, .box .box-rc-bt{ position:relative; display:block; width:100%; overflow:hidden; background-repeat:no-repeat;}
.box .box-rc-tp b, .box .box-rc-bt b{ float:right; background-repeat:no-repeat;}
.box .box-hd, .box .box-bd, .box .box-ft, .box .box-border{ border-width:1px; border-style:solid;}
.box .box-hd{ border-bottom-width:0;}
.box .box-ft{ border-top-width:0;}
.box-rc-5px .box-rc-tp, .box-rc-5px .box-rc-bt{ height:5px; }
.box-rc-5px .box-rc-tp b, .box-rc-5px .box-rc-bt b{ width:5px; height:5px;}
.box-rc-5px .box-rc-tp{ margin-bottom:-5px; background-position:-5px 0;}
.box-rc-5px .box-rc-tp b{ background-position:0 0;}
.box-rc-5px .box-rc-bt{ margin-top:-5px; background-position:-5px -5px;}
.box-rc-5px .box-rc-bt b{ background-position:0 -5px;}
/*form*/
.form{ width:auto; height:auto;}
.form-field{ height:auto;}
.form-label{float:left; text-align:right;}
.form-message{ display:inline-block; }
.form-message{ *display:inline;}
.form-message .success, .form-message .error, .form-message .attention{ display:none;}
.form-showsuccess .success, .form-showerror .error, .form-showattention .attention{ display:block;}
/*pop*/
.pop{ min-height:18px; min-width:18px; }
.pop .pop-bd{border:solid 1px #f4baaa; background-color:#fee; z-index:1;}
.pop .pop-bd .border{border:solid 1px #fff; height:auto;} 
.pop .pop-lf, .pop .pop-rt, .pop .pop-tp, .pop .pop-bt{ position:relative;  overflow:hidden; background:url(../img/common/pop.png) no-repeat -9999px 0; z-index:2; display:block; _display:inline-block; }
.pop .pop-lf, .pop .pop-rt{ width:7px; height:11px;}
.pop .pop-tp, .pop .pop-bt{ width:100%; height:7px;}
.pop .pop-lf{ margin-left:-5px; float:left; background-position:-18px -7px; margin-top:7px;}
.pop .pop-rt{ margin-right:-5px; float:right; background-position:0 -7px; margin-top:7px;}
.pop .pop-tp{ margin-bottom:-2px;background-position:-7px -18px; margin-left:7px; _left:7px;}
.pop .pop-bt{ margin-top:-2px; background-position:-7px 0; margin-left:7px;}
.pop .pop-close{ width:8px; height:7px;display:inline-block; overflow:hidden; position:absolute; right:4px; top:10px; background:url(../img/common/pop-close.png); cursor:pointer;}
/*message*/
.message{ padding-left:64px;}
.message s{ display:inline-block; float:left; margin-left:-64px; width:44px; height:44px; background:url(../img/common/message.png) no-repeat -999px -999px;}
.message dt{ line-height:24px; font-size:14px; font-weight:700; padding-bottom:10px;}
.message dd a{ margin:0 8px; color:#ed5400; text-decoration:underline;}
.message dd.btn{ margin-top:32px;}
.message dd.btn a{ margin:0;}
.success s{ background-position:0 0;}
.error s{background-position:0 -44px;}
.attention s{background-position:0 -88px;}
/*table*/
table.gray{ width:100%; border:0;}
table.gray tr th{ background-color:#eee; border-bottom:solid 1px #dcdcdc; height:24px; line-height:24px; padding-left:16px;}
table.gray tr td{ border-bottom:solid 1px #dae1e7; height:28px; line-height:28px; padding-left:16px;}
table.gray tr.odd td{ background-color:#f0f5f9;} 
/* dialog */
.light{ width:100%; height:100%; z-index:10000; position:absolute; display:none; left:0; top:0; }
.light-bg{ width:100%; height:100%; position:absolute; background-color:#000; z-index:10001; left:0; top:0; filter:alpha(opacity=30);opacity:0.3}
.light-box{ position:absolute; z-index:10002; width:566px; height:auto;  border:solid 1px #efaf70; overflow:hidden; }
.light-iframe{position:absolute;width:100%;height:100%;z-index:-1; border:0; zoom:1;}
.light-border{border:solid 1px #fff; background-color:#fec; padding:3px;}
.light-hd, .light-bd{ background:#fff url(../img/common/light/light.png) repeat-x 0 0;}
.light-hd{ height:32px; }
.light-hd s{ display:inline-block; width:4px; height:13px;background:url(../img/common/light/light-title.gif) no-repeat 0 0; float:left; margin:10px 8px 0 10px;}
.light-hd h5{ padding-top:7px; font-weight:700;}
.light-hd h6{ padding-top:8px;}
.light-close{ display:block; cursor:pointer; float:right; position:absolute; right:6px; top:6px;}
.light-close s{ display:block; width:18px; height:18px; background:url(../img/common/light/light-close.png) no-repeat;}
.light-bd{ padding:16px 32px 32px 32px; background-color:#fff; background-position:0 bottom;}
/* light signin*/
.light-sign .light-box{ width:auto; border:solid 1px #d1d1d1;}
.light-sign .light-border{width:792px; height:364px; background:url(../img/common/light/light-signbg.png); }
.light-sign .light-border{ padding:0; background-color:Transparent;}
.light-sign .light-hd, .light-sign .light-bd{ background:none;}
.light-signform{ height:229px; padding:20px 10px;}
.light-signin{float:left;height:180px;padding:49px 0 0 18px;width:323px; background:url(../img/common/light/light-signform.png);}
.light-signin .form-field{ height:30px; line-height:24px; padding:0 0 0 100px; float:left; }
.light-signin .form-label{ margin-left:-100px; width:100px;}
.light-signin .form-text{ width:170px; height:18px; padding:2px; border:solid 1px #d1d1d1; float:left;}
.light-signin .form-forget{ font-size:14px; color:#ed5400; margin-left:104px; text-decoration:underline;}
.light-signin button.light-signinbtn{ width:125px; height:43px;border:0; display:block;  margin-top:10px;}
.light-signin button.light-signinbtn, .light-signup a.light-signupbtn{background:url(../img/common/light/light-sign.png) 0 0 no-repeat;}
.light-signin button.light-signinbtn:hover{ background-position:0 -43px;}
.light-signup{ float:right;height:180px; padding:49px 0 0 22px;width:320px; background:url(../img/common/light/light-signform.png) right top;}
.light-signup li{ padding:0 0 12px 20px; background:url(../img/common/light/light-signicon.png) 0 7px no-repeat; color:#666;}
.light-signup li label{ color:#333;}
.light-signup li span{ color:#ed5400; margin:0 8px;}
.light-signup a.light-signupbtn{ width:183px; height:43px; display:block; background-position: 0 -86px; margin:10px 0 0 60px;}
.light-signup a.light-signupbtn:hover{ background-position:0 -129px;}
/* light dialog*/
.light-dailog .light-hd, .light-dailog .light-bd{ background-image:url(../img/common/light/light-dialogbg.png);}
.light-dailog .light-hd{ border-bottom:dotted 1px #b8b8b8;}

/* generic */
input[type=submit]{cursor:pointer;}
button{cursor:pointer;}
a{text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
strong, b{font-weight:bold;}

/*common*/
a{color:#242424; text-decoration:none;}
a:hover{color:#ed5400; text-decoration:underline; cursor:pointer;}
.clear{clear:both; width:100%; height:1px; overflow:hidden;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.hidden{ display:none;}
.show{ display:block;}
.b{ font-weight:700;}
.del{ text-decoration:line-through;}
.orange{ color:#ed5400;}
.black{ color:#242424;}
.gray{ color:#666;}
.red{ color:#f00;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}
h1 { font-size:22px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
h6 { font-size:12px;}

/* body */
.page, .page-inner, .page-mini{width:950px; margin:0 auto; }

/*header - toolbar head search nav*/
.toolbar i,.toolbar dd, .page-bg, .page-bg-index, .page-bg-inner, .page-bg-mini{background:url(../img/common/header.png) no-repeat 0 0;}
.page-bg, .page-bg-index, .page-bg-inner, .page-bg-mini{width:100%; position:absolute; z-index:-1; left:0; top:0;  background-repeat:repeat-x; background-position:0 -18px;}
.page-bg{height:160px;}
.page-bg-index{ height:205px; background-position:0 -179px;}
.page-bg-inner{ height:40px;}
.page-bg-mini{ height:34px; border-bottom:solid 3px #800;}
.toolbar{ height:18px; font-family:simsun;padding:10px 0 6px 0; overflow:hidden;}
.toolbar dt{ float:left; margin-right:4px; height:18px;}
.toolbar dt.sign{ color:#ed5400; font-weight:700; margin-right:8px;}
.toolbar dt.sign a{ margin:0 2px; font-weight:300;}
.toolbar dt span{ color:#ed5400;}
.toolbar dd{ float:right; margin:0 -11px 0 21px; padding-right:10px; background-position:right 0;}
.toolbar dd a{ display:block; color:#666;}
.toolbar dd a:hover{ color:#ed5400;}
.toolbar i{ width:18px; height:18px; display:block; float:left; margin-right:4px;}

.head{ height:69px; margin-top:8px; overflow:hidden;}
a.logo{float:left; }
.search, .search-form button, .search-popup-noresult .popup-close, .search-popup-noresult .popup-want, .search-popup-noresult .popup-sorry i, .search-popup-noresult .popup-suggest i, .search-popup-noresult .search-popup-bd{background:url(../img/common/search.png) no-repeat -999px -999px;}
.search{ width:444px; height:43px; float:right; margin-top:8px; background-position:0 0; position:static;}
.search-form input{ width:312px; height:22px; line-height:22px; float:left;  border-width:0; padding:4px 5px; margin:6px 0 0 39px; }
.search-form button{ width:70px; height:32px; float:left; border-width:0; margin:6px 0 0 6px; background-position:-367px -6px;}
.search-popup, .search-popup-noresult{box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;-moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#16000000,Positive=true);}
.search-popup{ display:none; border:solid 1px #efaf71; position:absolute; z-index:999; width:323px; margin:37px 0 0 37px; _margin-left:-400px; *margin-left:-400px; }
.search-popup .search-popup-bd{ border:solid 1px #feedcf; background-color:#fff;}
.search-popup a, .search-popup p {border-bottom:dotted #b8b8b8 1px; cursor:default; display:block; height:28px; line-height:28px;padding-left:16px;text-decoration:none; margin:0;}
.search-popup a:hover,.search-popup a.hover{ background-color:#feedcf;}
.search-popup p{ text-align:right; padding-right:10px; color:#999; padding-top:4px; }
.search-popup p span{ color:#ed5400; font-weight:700; margin:0 4px;}
.search-popup-noresult{ display:none; position:absolute; z-index:999; border:solid 1px #efaf70; width:500px; line-height:28px; margin:37px 0 0 -140px; _margin-left:-577px; *margin-left:-577px;}
.search-popup-noresult .search-popup-bd{ border:solid 2px #fec; background-position:0 -100px; padding:10px 10px 40px 10px;}
.search-popup-noresult .popup-close{ width:18px; height:18px; display:block; background-position:-426px -52px; position:absolute; right:8px; top:8px; margin:0; cursor:pointer;}
.search-popup-noresult .popup-want{ display:inline-block; width:87px; height:22px; background-position:-213px -56px; vertical-align:middle; margin-left:8px;}
.search-popup-noresult .popup-want:hover{ background-position:-213px -78px;}
.search-popup-noresult .popup-sorry{ padding:32px 0 16px 64px; border-bottom:dashed 1px #ddd; }
.search-popup-noresult .popup-sorry i{ width:48px; height:48px; display:block; float:left; background-position:0 -52px;}
.search-popup-noresult .popup-suggest{ padding:16px 0 0 112px;}
.search-popup-noresult .popup-suggest i{width:18px; height:18px; display:block; float:left; background-position:-104px -54px; margin-top:6px;}

.nav, .nav-filter, .nav dd a, .nav dd a span, .nav dt a{background:url(../img/common/nav.png) no-repeat -999px -999px; }
.nav-filter{ width:190px; height:46px; position:absolute; background-position:0 -50px;z-index:0; display:none; }
.nav{ height:50px; background-position:0 0; margin-top:-6px;}
.nav dl{ height:50px; width:950px; z-index:1; position:relative;}
.nav dd{ margin-top:10px; height:40px;padding:0 5px 0 5px;float:left; overflow:hidden;}
.nav dd a{ display:inline-block; height:40px; padding-left:12px;  color:#fff; font-size:14px;}
.nav dd a span{ display:inline-block; height:40px; padding-right:12px;line-height:34px;}
.nav dd a:hover, .nav dd a:hover span{ text-decoration:none;color:#fff;}
.nav-index .nav-index a, .nav-card .nav-card a, .nav-snda .nav-snda a, .nav-hobby .nav-hobby a, .nav-life .nav-life a, .nav-51ka .nav-51ka a{ background-position:0 -105px;color:#242424;}
.nav-index .nav-index a span, .nav-card .nav-card a span, .nav-snda .nav-snda a span, .nav-hobby .nav-hobby a  span, .nav-life .nav-life a span, .nav-51ka .nav-51ka a span, .nav-index .nav-index a:hover span, .nav-card .nav-card a:hover span, .nav-snda .nav-snda a:hover span, .nav-hobby .nav-hobby a:hover span, .nav-life .nav-life a:hover span, .nav-51ka .nav-51ka a:hover span{ background-position:right -105px;font-size:14px; color:#242424; font-weight:700;}
.nav dt{ float:right; width:111px; position:relative;}
.nav dt a{ display:inline-block; width:111px; height:44px;}
.nav-account .nav-account a, .nav-activity dt.nav-activity a, .nav-help dt.nav-help a, .nav dt.nav-account a:hover, .nav dt.nav-activity a:hover, .nav dt.nav-help a:hover{ _position:absolute; width:164px; height:48px; margin-top:-4px; overflow:hidden;}
.nav dt.nav-account a:hover{ margin-left: -49px; _margin-left: -49px; background-position:-234px -102px;}
.nav dt.nav-activity a:hover{ margin-left:-49px; _margin-left: -48px; background-position:-399px -102px;}
.nav dt.nav-help a:hover{ margin-left:-48px; background-position:-566px -102px;}
.nav-account dt.nav-account a, .nav-account dt.nav-account a:hover{ margin-left: -50px; _margin-left: -49px; background-position:-229px -50px;}
.nav-activity dt.nav-activity a, .nav-activity dt.nav-activity a:hover{ margin-left:-49px; _margin-left: -48px; background-position:-395px -50px;}
.nav-help dt.nav-help a, .nav-help dt.nav-help a:hover{ margin-left:-49px;_margin-left: -48px;background-position:-561px -50px;}

/*header-inner*/
.page-inner .head{border-bottom:solid 4px #d20; }

/*header-mini*/
.page-mini .toolbar{ padding-left:32px; padding-right:32px; height:21px;}
.page-mini .logo-mini{ width:138px; height:25px; display:block; position:relative; margin:-4px 0 -2px 0; background:url(../img/common/logo-mini.png);  text-indent:-999px; }
.page-mini .hotline{ color:#666; width:200px; margin-left:16px; display:block; position:relative;}
.page-mini .hotline span{ font-size:18px; color:#ed5400; font-weight:700; font-family:Tahoma; line-height:18px; display:inline-block;position:absolute; right:0;top:-2px;}
.page-mini .toolbar dd{ background-position:-999px -999px;}
.toolbar-olservice i{ background-position:0 -392px;}

/*footer*/
.footer{color:#666;height:136px; margin-top:10px; }
.footer-info{ padding:27px 5px 0; height:14px; line-height:14px; border-top:solid 1px #d1d1d1; overflow:hidden;}
.footer-info dt a, .footer-license a{ color:#2864b4; }
.footer-info a{color:#666}
.footer-info a:hover{ text-decoration:none; color:#ed5400;}
.footer-info dd{ float:left; margin:0 25px 0 -10px; border-left:solid 1px #ccc; padding-left:15px;}
.footer-info dt{ float:right;}
.footer-service{ color:#f60;}
.footer-license{ border-top:solid 1px #eee; margin:12px 5px 0; padding-top:8px; text-align:center;}
.footer-license span{ margin:0 4px; color:#ccc;}
.footer-safety{ margin-top:8px; text-align:center;}
.footer-safety a{ display:inline-block; margin:0 6px; width:118px; height:44px; border:solid 1px #d4d4d4; background:#fff url(../img/common/footer.png) no-repeat 0 0;}
.footer-safety a.footer-permit{ background-position:0 -44px;}